<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
    
    <meta http-equiv="Content-Language" content="en" />
    <title>The Palace - Static home</title>
	<link rel="stylesheet" type="text/css" href="./style.css" />
	<link rel="stylesheet" type="text/css" href="./jquery.datepick.css" />
	<link rel="stylesheet" type="text/css" href="./jquery.selectbox.css" />
	<link rel="stylesheet" type="text/css" href="./colorpicker/css/colorpicker.css" />
	<!--[if IE]>
	<link rel="stylesheet" type="text/css" href="style-ie.css" />
	<![endif]-->
	<!--[if IE 7]> 
	<link rel="stylesheet" type="text/css" href="style-ie7.css" />
	<![endif]-->
	<!--[if IE 8]> 
	<link rel="stylesheet" type="text/css" href="style-ie8.css" />
	<![endif]-->
	<!--[if IE 9]> 
	<link rel="stylesheet" type="text/css" href="style-ie9.css" />
	<![endif]-->
	<script src="./js/jquery-1.6.4.min.js" type="text/javascript"></script>
	<script src="./js/jquery-ui.1.8.16.min.js" type="text/javascript"></script>
	<script src="./js/jquery.easing.1.3.js" type="text/javascript"></script>
	<script src="./js/sliders.js" type="text/javascript"></script>
	<script src="./js/superfish.js" type="text/javascript"></script>
	<script src="./js/pdate.js" type="text/javascript"></script>
	<script src="./js/pcode.js" type="text/javascript"></script>
	<script src="./js/jquery.datepick.pack.js" type="text/javascript"></script>
	<script src="./js/jquery.selectbox-0.1.3.min.js" type="text/javascript"></script>
	<script src="./js/jquery.validate.min.js" type="text/javascript"></script>
	<script src="./js/jquery.form.js" type="text/javascript"></script>
	<script src="./colorpicker/js/colorpicker.js" type="text/javascript"></script>
	<script src="./js/miscellaneous.js" type="text/javascript"></script>
	<script type="text/javascript">
	$(document).ready(function(){
		full_width_slider(false, false, 5000, 1000); //parameters: autoplay: boolean, fade out arrow when no move: boolean, pause time: integer milliseconds, transition speed: integer milliseconds
		$('#nav ul').superfish();
		packages_slider();
		testimonials_slider(); 
		set_datepicker();		
		set_select();
		validation();
		jquery_miscellaneous();
	});
	</script>
<meta charset="UTF-8"></head>

<body>
	
	<!-- begin full-width-header -->
	<div id="full-width-header">
		
		<!-- begin header -->
		<div id="header">
		
			<!-- begin logo -->
			<div id="logo">
				<h1>
					<a href="./index.html">
						<!-- put your logo just below -->
						<img src="./img-demo/logo.png" alt="" />
					</a>
				</h1>
				<div id="logo-bottom">&nbsp;
					<div id="logo-bottom-left"></div>
					<div id="logo-bottom-right"></div>
				</div>
			</div>
			<!-- end logo -->
			
			<!-- begin main navigation -->
			<div id="nav">
				
				<div id="nav-left"></div>
				<div id="nav-right"></div>
				
				<ul>
					<li><a href="./index.html">Home</a></li>
					<li><a href="./rooms.html">Rooms &amp; Suites&nbsp;&nbsp;<span class="nav-arrow-down">&#9660;</span></a>
						<ul>
							<li><a href="./room.html">Single room</a></li>
							<li><a href="./room.html">Double room<span class="nav-arrow-right">&#9658;</span></a>
								<ul>
									<li><a href="#">Nothing interesting here</a></li>
									<li><a href="#">This is just to show</a></li>
									<li><a href="#">The drop-down menu</a></li>
									<li><a href="#">With another level<span class="nav-arrow-right">&#9658;</span></a>
										<ul>
											<li><a href="#">Nothing interesting here</a></li>
											<li><a href="#">This is just to show</a></li>
											<li><a href="#">The drop-down menu</a></li>
											<li><a href="#">With another level</a></li>
										</ul>
									</li>
								</ul>
							</li>
							<li><a href="./room.html">Twin room</a></li>
							<li><a href="./room.html">Family room</a></li>
							<li><a href="./room.html">Deluxe room</a></li>
							<li><a href="./room.html">Lough view suite</a></li>
							<li><a href="./room.html">VIP suite</a></li>
							<li><a href="./room.html">Palace suite</a></li>
						</ul>
					</li>
					<li><a href="./reservation.html">Reservation</a></li>
					<li><a href="./pages.html">Template pages&nbsp;&nbsp;<span class="nav-arrow-down">&#9660;</span></a>
						<ul>
							<li class="nav-rounded-right-top"><a href="./index.html">Home page</a></li>
							<li><a href="./home-classic.html">Classic home</a></li>
							<li><a class="nav-current" href="./home-static.html">Static home</a></li>
							<li><a href="./rooms.html">Rooms overview</a></li>
							<li><a href="./room.html">Room description</a></li>
							<li><a href="./reservation.html">Reservation</a></li>
							<li><a href="./news.html">News</a></li>
							<li><a href="./columns.html">Full-width with columns</a></li>
							<li><a href="./gallery.html">Gallery</a></li>
							<li><a href="./elements.html">Elements</a></li>
							<li><a href="./location.html">Location</a></li>
							<li><a href="./contact.html">Contact</a></li>
						</ul>
					</li>
				</ul>
				
			</div>
			<!-- end main navigation -->
			
			<!-- begin slider-control -->
			<div id="slider-control">
				<a id="slider-button-left" href="#"></a>
				<a id="slider-button-right" href="#"></a>
			</div>
			<!-- end slider-control -->
			
		</div>
		<!-- end header -->
		
		<!-- begin top-area -->
		<div id="top-area">
				
			<!-- begin form-login -->
			<form id="form-login" action="">
				<p id="top-area-text">
					Sign in:
				</p>
				<p>
					<input id="top-area-login" type="text" value="Type in your login" />
					<input id="top-area-password" type="password" value="XXXXXX" />
					<a id="top-area-button-submit" class="button-sign-in" href="#">SIGN IN</a>
				</p>
				<div id="top-area-nav">
					<ul>
						<li><a class="sign-in" href="#">Sign in</a></li>
						<li><a href="#">Register</a></li>
					</ul>
					<div id="top-area-nav-left"></div>
					<div id="top-area-nav-right"></div>
				</div>
			</form>
			<!-- end form-login -->
			
			<div id="top-area-bottom"></div>
			
		</div>
		<!-- end top-area -->
			
	</div>
	<!-- end full-width-header -->
	
	<!-- begin full-width-slider -->
	<div id="full-width-slider">	
		
		<!-- begin 1st slide -->
		<div class="slide">
			<div class="slide-image">
				<img src="./img-demo/slide-static.jpg" alt="" />
			</div>
			<div class="slide-caption-container">
				<div class="slide-caption">
					<p class="caption-heading">Welcome to the Palace</p>
					<p>No slider here, just a big image...</p>
				</div>
			</div>
		</div>
		<!-- end 1st slide -->
			
	</div>
	<!-- end full-width-slider -->		
		
	<!-- begin main-content	-->
	<div id="main-content">
		
		<div id="main-container-top"></div>
		
		<!-- main container -->
		<div id="main-container">
			
			<div id="main-container-top-gradient"></div>
			
			<!-- begin first row -->
			<div class="row">

				<!-- begin first column: sidebar -->
				<div class="column-third-width sidebar-left">
				
					<div class="sidebar-left-top"></div>
					<div class="sidebar-left-bottom"></div>
					
					<h2 class="first-headings">Book a room online</h2>
					
					<p class="sub-headings">
						Request a reservation.<br/>
						We will come back to you shortly.
					</p>
					
					<!-- begin form-reservation-sidebar -->
					<form id="form-reservation-sidebar" method="post" action="reservation.php">
					
						<p class="select-width-220">
							<label for="select-type-of-room">Type of room:</label>
							<select id="select-type-of-room" class="select-jquery required" name="select-type-of-room">
								<option value="">Select a type of room</option>
								<option value="Single room">Single room</option>
								<option value="Double room">Double room</option>
								<option value="Twin room">Twin room</option>
								<option value="Family room">Family room</option>
								<option value="Deluxe room">Deluxe room</option>
								<option value="Lough view suite">Lough view suite</option>
							</select>
						</p>
						
						<p>
							<label for="input-check-in-date">Check-in date:</label>
							<input id="input-check-in-date" class="input-text input-date input-width-220 required pdate" name="input-check-in-date" type="text" value="DD/MM/YYYY" />
						</p>
						
						<p>
							<label for="input-check-out-date">Check-out date:</label>
							<input id="input-check-out-date" class="input-text input-date input-width-220 required pdate" name="input-check-out-date" type="text" value="DD/MM/YYYY" />
						</p>
						
						<div class="column-sidebar-half-width">
							<p class="select-width-90">
								<label for="select-n-adults">Adults:</label>
								<select id="select-n-adults" class="select-jquery" name="select-n-adults">
									<option value="1">1</option>
									<option value="2">2</option>
									<option value="3">3</option>
									<option value="4">4</option>
									<option value="5">5</option>
								</select>
							</p>
						</div>
						
						<div class="column-sidebar-half-width column-last">
							<p class="select-width-90">
								<label for="select-n-children">Children:</label>
								<select id="select-n-children" class="select-jquery" name="select-n-children">
									<option value="0">0</option>
									<option value="1">1</option>
									<option value="2">2</option>
									<option value="3">3</option>
									<option value="4">4</option>
									<option value="5">5</option>
									<option value="6">6</option>
								</select>
							</p>
						</div>
						
						<div class="clear"></div>
						
						<p>
							<label for="input-e-mail">E-mail:</label>
							<input id="input-e-mail" class="input-text input-width-220 required email" name="input-e-mail" type="text" />
						</p>
						
						<p>
							<input type="submit" class="input-submit button-red aligncenter" value="SEND NOW!" />
						</p>
						
						<p class="ajax-loader"></p>
						
					</form>
					<!-- end form-reservation-sidebar -->
					
					<div id="submit-result"></div>
					
				</div>
				<!-- end first column: sidebar -->
				
				<!-- begin 2nd column -->
				<div class="column-third-width column-dashed-bottom">
					
					<h2 class="first-headings">Packages &amp; Deals</h2>
					
					<p class="sub-headings">
						We have some awesome deals!
					</p>
					
					<!-- begin packages-first-container -->
					<div id="packages-first-container">
					
						<a id="packages-button-left" class="button-left-blue" href="#"></a>
						<a id="packages-button-right" class="button-right-blue" href="#"></a>
						<div id="packages-button-left-disabled" class="button-left-disabled"></div>
						<div id="packages-button-right-disabled" class="button-right-disabled"></div>
						
						<!-- begin packages-second-container -->
						<div id="packages-second-container">
					
							<!-- begin packages-slide -->
							<div id="packages-slide">
							
								<!-- begin 1st package -->
								<div class="package">
									<p>
										<a href="#"><img src="./img-demo/roses.jpg" alt="" /></a>
									</p>
									<p class="package-title">
										The lovers' week-end
									</p>
									<p class="package-number">
										This is the 1st package out of 3
									</p>
									<p>
										Vivamus iaculis sagittis dapibus. Praesent nec risus arcu. Maecenas malesuada cursus mi.
									</p>
									<p>	
										And well magna. Vivamus iaculis sagittis!
									</p>
									<p>									
										Well magna. Vivamus iaculis sagittis dapibus vivamus iaculis sagittis cenas male cenas mal. Praesent nec risus arcu. Maecenas malesuada cursus mi!
									</p>
									<p>
										<a class="button-red aligncenter" href="./reservation.html">BOOK NOW!</a>
									</p>
								</div>
								<!-- end 1st package -->
								
								<!-- begin 2nd package -->
								<div class="package">
									<p>
										<a href="#"><img src="./img-demo/waternleaf.jpg" alt="" /></a>
									</p>
									<p class="package-title">
										Hotel &amp; Spa
									</p>
									<p class="package-number">
										This is the 2nd package out of 3
									</p>
									<p>
										Well magna. Vivamus iaculis sagittis dapibus. Praesent nec risus arcu sapiens.
									</p>
									<p>
										Well magna. Vivamus iaculis sagittis dapibus. Praesent nec risus arcu. Maecenas malesuada cursus mi, in iaculis sapien vehicula vel with iaculis sagittis dapibus.
									</p>
									<p class="warning">
										Only available from 1st to 7th of November!
									</p>
									<p>
										<a class="button-red aligncenter" href="./reservation.html">BOOK NOW!</a>
									</p>
								</div>
								<!-- end 2nd package -->
								
								<!-- begin 3rd package -->
								<div class="package">
									<p>
										<a href="#"><img src="./img-demo/icecream.jpg" alt="" /></a>
									</p>
									<p class="package-title">
										Hotel &amp; Restaurant
									</p>
									<p class="package-number">
										This is the 3rd package out of 3
									</p>
									<p>
										Well magna. Vivamus iaculis sagittis dapibus. Praesent nec risus arcu. Maecenas malesuada cursus mi, in iaculis sapien vehicula vel withus.
										Well magna. Vivamus iaculis sagittis dapibus. Praesent nec risus arcu. Maecenas malesuada cursus mi, in iaculis sapien vehicula velorum.
										Well magna. Vivamus iaculis sagittis dapibus cursus mi, in iaculis sapien vehicula tibit.
									</p>
									<p>
										<a class="button-red aligncenter" href="./reservation.html">BOOK NOW!</a>
									</p>
								</div>
								<!-- end 3rd package -->
								
							</div>
							<!-- end packages-slide -->
						
						</div>
						<!-- end packages-second-container -->
						
					</div>	
					<!-- end packages-first-container -->
					
				</div>
				<!-- end 2nd column -->
				
				<!-- begin 3rd column -->
				<div class="column-third-width column-dashed-bottom column-last">
					
					<h2 class="first-headings">The Palace</h2>
					
					<p class="sub-headings">
						Luxury in the heart of Dublin.
					</p>
					
					<p>
						<a href="#"><img src="./img-demo/small-bed.jpg" alt="" /></a>
					</p>
					
					<p>
						Well magna. Vivamus iaculis sagittis dapibus. Praesent nec risus arcu. Maecenas with:
					</p>
					
					<ul class="bullets-blue">
						<li>24-hour room service</li>
						<li>Service bar</li>
						<li>Digital Safe</li>
						<li>Cable/Satellite TV</li>
						<li>Internet access</li>
					</ul>
					
					<p>Vivamus iaculis sagittis dapibus. Maecenas malesuada bone. Lorem ipsum donec sic!</p>
					
					<p>
						<a class="button-blue aligncenter " href="./pages.html">LEARN MORE</a>
					</p>
					
				</div>
				<!-- end 3rd column -->
				
				<div class="clear"></div>
				
			</div>
			<!-- end first row -->
		
			<!-- begin second-row (testimonials) -->
			<div class="row row-grid-pattern">
				<h2>Testimonials</h2>
				
				<p class="sub-headings">
					Here are some testimonials sent by our customers.
				</p>
				
				<!-- begin testimonials-first-container -->
				<div id="testimonials-first-container">
				
					<a id="testimonials-button-left" class="button-left-blue" href="#"></a>
					<a id="testimonials-button-right" class="button-right-blue" href="#"></a>
					<div id="testimonials-button-left-disabled" class="button-left-disabled"></div>
					<div id="testimonials-button-right-disabled" class="button-right-disabled"></div>
					<div id="testimonials-number"></div>
					
					<!-- begin testimonials-second-container -->
					<div id="testimonials-second-container">
				
						<!-- begin testimonials-slide -->
						<div id="testimonials-slide">
						
							<!-- begin 1st testimonial -->
							<div class="testimonial">
							
								<div class="testimonial-top"></div>
							
								<!-- begin testimonial-content -->
								<div class="testimonial-content">
									Lorem ipsum dolor sit amet consul ita sectetur adipisos elit. Morbi doloris magna, luctus et sollicitudin velusne. 
									<img class="testimonial-image" src="./img-demo/testimonial-girl-1.jpg" alt="" />
									Ut lorem ipsum dolor sit amet consul sectetur magnos adipiscing elit. Mors
									amoru magna, luctus et sollicitudinus velus. Lorem ipsus amor sit amamu!
									<br/>
									<span class="testimonial-sender">Virginia, 29 years old, from Dublin</span>
								</div>
								<!-- end testimonial-content -->
								
								<div class="testimonial-bottom"></div>
								
							</div>
							<!-- end 1st testimonial -->
							
							<!-- begin 2nd testimonial -->
							<div class="testimonial">
							
								<div class="testimonial-top"></div>
							
								<!-- begin testimonial-content -->
								<div class="testimonial-content">
									Lorem ipsum dolor sit amet consul ita sectetur adipisos elit. Morbi doloris magna, luctus et sollicitudin velusne. 
									<img class="testimonial-image" src="./img-demo/testimonial-girl-3.jpg" alt="" />
									Ut lorem ipsum dolor sit amet consul sectetur magnos adipiscing elit. Mors
									amoru magna, luctus et sollicitudinus velus. Lorem ipsus amor sit amamu!
									<br/>
									<span class="testimonial-sender">Sonia, 28 years old, from Dublin</span>
								</div>
								<!-- end testimonial-content -->
								
								<div class="testimonial-bottom"></div>
								
							</div>
							<!-- end 2nd testimonial -->
							
							<!-- begin 3rd testimonial -->
							<div class="testimonial">
							
								<div class="testimonial-top"></div>
							
								<!-- begin testimonial-content -->
								<div class="testimonial-content">
									Lorem ipsum dolor sit amet consul ita sectetur adipisos elit. Morbi doloris magna, luctus et sollicitudin velusne. 
									<img class="testimonial-image" src="./img-demo/testimonial-girl-2.jpg" alt="" />
									Ut lorem ipsum dolor sit amet consul sectetur magnos adipiscing elit. Mors
									amoru magna, luctus et sollicitudinus velus. Lorem ipsus amor sit amamu!
									<br/>
									<span class="testimonial-sender">Alicia, 25 years old, from Dublin</span>
								</div>
								<!-- end testimonial-content -->
								
								<div class="testimonial-bottom"></div>
								
							</div>
							<!-- end 3rd testimonial -->
							
							<!-- begin 4th testimonial -->
							<div class="testimonial">
							
								<div class="testimonial-top"></div>
							
								<!-- begin testimonial-content -->
								<div class="testimonial-content">
									Lorem ipsum dolor sit amet consul ita sectetur adipisos elit. Morbi doloris magna, luctus et sollicitudin velusne. 
									<img class="testimonial-image" src="./img-demo/testimonial-girl-4.jpg" alt="" />
									Ut lorem ipsum dolor sit amet consul sectetur magnos adipiscing elit. Mors
									amoru magna, luctus et sollicitudinus velus. Lorem ipsus amor sit amamu!
									<br/>
									<span class="testimonial-sender">Judith, 19 years old, from Dublin</span>
								</div>
								<!-- end testimonial-content -->
								
								<div class="testimonial-bottom"></div>
								
							</div>
							<!-- end 4th testimonial -->
							
							<!-- begin 5th testimonial -->
							<div class="testimonial">
							
								<div class="testimonial-top"></div>
							
								<!-- begin testimonial-content -->
								<div class="testimonial-content">
									Lorem ipsum dolor sit amet consul ita sectetur adipisos elit. Morbi doloris magna, luctus et sollicitudin velusne. 
									<img class="testimonial-image" src="./img-demo/testimonial-girl-5.jpg" alt="" />
									Ut lorem ipsum dolor sit amet consul sectetur magnos adipiscing elit. Mors
									amoru magna, luctus et sollicitudinus velus. Lorem ipsus amor sit amamu!
									<br/>
									<span class="testimonial-sender">Ludmilia, 25 years old, from Dublin</span>
								</div>
								<!-- end testimonial-content -->
								
								<div class="testimonial-bottom"></div>
								
							</div>
							<!-- end 5th testimonial -->

						</div>
						<!-- end testimonials-slide -->
					
					</div>
					<!-- end testimonials-second-container -->
					
				</div>	
				<!-- end testimonials-first-container -->
				
			</div>
			<!-- end second-row (testimonials) -->
			
			<!-- begin third-row -->
			<div class="row row-last">
			
				<!-- begin 1st column -->
				<div class="column-fourth-width">
					<h2>Location</h2>
					<p class="sub-headings">
					The Palace is in the heart of the wildness!
					</p>
					<p>
						<a href="#"><img src="./img-demo/mountain.jpg" alt="" /></a>
					</p>
					<p>
						Lorem ipsum dolor sit amet consul sectetur adipiscing elit. Morbi dolor magna, luctus et sollicitudin velus. <br/>
						<a class="button-blue" href="./pages.html">LEARN MORE</a>
					</p>
				</div>
				<!-- end 1st column -->
				
				<!-- begin 2nd column -->
				<div class="column-fourth-width">
					<h2>History</h2>
					<p class="sub-headings">
						Find out more about the history of a great place!
					</p>
					<p>
						<a href="#"><img src="./img-demo/book.jpg" alt="" /></a>
					</p>
					<p>
						Lorem ipsum dolor sit amet consul sectetur adipiscing elit. Morbi dolor magna, luctus et sollicitudin velus. <br/>
						<a class="button-blue" href="./pages.html">LEARN MORE</a>
					</p>
				</div>
				<!-- end 2nd column -->
				
				<!-- begin 3rd column -->
				<div class="column-fourth-width">
					<h2>The Spa</h2>
					<p class="sub-headings">
						Massage, quiet relaxation, mud baths...
					</p>
					<p>
						<a href="#"><img src="./img-demo/massage.jpg" alt="" /></a>
					</p>
					<p>
						Lorem ipsum dolor sit amet consul sectetur adipiscing elit. Morbi dolor magna, luctus et sollicitudin velus. <br/>
						<a class="button-blue" href="./pages.html">LEARN MORE</a>
					</p>
				</div>
				<!-- end 3rd column -->
				
				<!-- begin 4th column -->
				<div class="column-fourth-width column-last">
					<h2>The Team</h2>
					<p class="sub-headings">
						These nice people are here to ensure you'll have a great stay!
					</p>
					<p>
						<a href="#"><img src="./img-demo/team.jpg" alt="" /></a>
					</p>
					<p>
						Lorem ipsum dolor sit amet consul sectetur adipiscing elit. Morbi dolor magna, luctus et sollicitudin velus. <br/>
						<a class="button-blue" href="./pages.html">LEARN MORE</a>
					</p>
				</div>
				<!-- end 4th column -->
				
				<div class="clear"></div>
				
			</div>
			<!-- end third row -->
			
		</div>
		<!-- end main container -->
		
		<div id="main-container-bottom"></div>
	
	</div>
	<!-- end main content -->
	
	<!-- begin full-width-footer -->
	<div id="full-width-footer">
	
		<div id="footer-image"></div>
		
		<div id="footer-mask"></div>
		
		<!-- begin footer-content-container -->
		<div id="footer-content-container">
			
			<!-- begin footer-content -->
			<div id="footer-content">
			
				<!-- begin 1st column -->
				<div class="column-fifth-width">
					<h3>Navigation</h3>
					<ul>
						<li><a href="./index.html">Home page</a></li>
						<li><a href="./home-classic.html">Classic home</a></li>
						<li><a href="./home-static.html">Static home</a></li>
						<li><a href="./rooms.html">Rooms overview</a></li>
						<li><a href="./room.html">Room description</a></li>
						<li><a href="./reservation.html">Reservation</a></li>
						<li><a href="./news.html">News (with right sidebar)</a></li>
						<li><a href="./columns.html">Full-width with columns</a></li>
						<li><a href="./gallery.html">Gallery</a></li>
						<li><a href="./elements.html">Elements</a></li>
						<li><a href="./location.html">Location</a></li>
						<li><a href="./contact.html">Contact</a></li>
					</ul>
				</div>
				<!-- end 1st column -->
				
				<!-- begin 2nd column -->
				<div class="column-fifth-width">
					<h3>Rooms &amp; Suites</h3>
					<ul>
						<li><a href="./room.html">Single room</a></li>
						<li><a href="./room.html">Double room</a></li>
						<li><a href="./room.html">Twin room</a></li>
						<li><a href="./room.html">Family room</a></li>
						<li><a href="./room.html">Deluxe room</a></li>
						<li><a href="./room.html">Lough view suite</a></li>
						<li><a href="./room.html">VIP suite</a></li>
						<li><a href="./room.html">Palace suite</a></li>
						<li><a href="./room.html">Deluxe room</a></li>
						<li><a href="./room.html">Lough view suite</a></li>
						<li><a href="./room.html">VIP suite</a></li>
						<li><a href="./room.html">Palace suite</a></li>
					</ul>
				</div>
				<!-- end 2nd column -->
				
				<!-- begin 3rd column -->
				<div class="column-fifth-width">
					<h3>About The Palace</h3>
					<ul>
						<li><a href="./pages.html">Overview</a></li>
						<li><a href="./pages.html">Lorem ipsum</a></li>
						<li><a href="./pages.html">Team</a></li>
					</ul>	
					<h3>The Spa</h3>
					<ul>
						<li><a href="./pages.html">Massages</a></li>
						<li><a href="./pages.html">Swiming pool</a></li>
						<li><a href="./pages.html">Massages</a></li>
						<li><a href="./pages.html">Swiming pool</a></li>
						<li><a href="./pages.html">Massages</a></li>
						<li><a href="./pages.html">Swiming pool</a></li>
					</ul>
				</div>
				<!-- end 3rd column -->
				
				<!-- begin 4th column -->
				<div class="column-fifth-width">
					<h3>Packages</h3>
					<ul>
						<li><a href="./news.html">Massage &amp; Spa week</a></li>
						<li><a href="./news.html">Bed &amp; Breakfast</a></li>
						<li><a href="./news.html">Friday to Monday</a></li>
					</ul>	
					<h3>Get great deals</h3>
					<ul>
						<li><a href="#">The Palace on Twitter</a></li>
						<li><a href="#">The Palace on Facebook</a></li>
						<li><a href="#">The Palace on Lorem</a></li>
						<li><a href="#">The Palace on Ipsum</a></li>
						<li><a href="#">The Palace on Amor</a></li>
					</ul>
				</div>
				<!-- end 4th column -->
				
				<!-- begin 5th column -->
				<div class="column-fifth-width column-last">
					<h3>Footer easy to use</h3>
					<p>
						Put a wide photo and 
						the CSS rules included in 
						this HTML theme
						will tone it down and add a gradient 
						to smoothly join
						the main background (you may need to
						change the color of the footer text 
						if you go
						with a dark background).
					</p>
				</div>
				<!-- end 5th column -->

				<div class="clear"></div>																																																																																							
				
				<!-- begin footer-copyright -->
				<div id="footer-copyright">
				&copy; Copyright 2011 The Palace  -  Designed by <a href="http://themeforest.net/user/AurelienD/?ref=AurelienD">AurelienD</a> for <a href="http://themeforest.net/?ref=AurelienD">ThemeForest</a>
				</div>
				<!-- end footer-copyright -->
			</div>
			<!-- end footer-content -->
			
		</div>
		<!-- end footer-content-container -->
	
	</div>
	<!--end full-width-footer -->
	
	
	<!-- begin demo-color -->
	<div id="demo-color">
		<b>Background color:</b><br/><br/>
		<div id="colorSelector"><div id="colorSelectorBackground"></div></div>
		Note that you can easily change the color of all buttons.
		7 colors are predefined. Have a look at <a href="./elements.html">the elements page.</a>
		<a href="#" id="button-settings"></a>
	</div>
	<!-- end demo-color -->
	
	<!-- begin demo-buy -->
	<div id="demo-buy">
		<a class="button-buy-it" href="http://themeforest.net/item/the-palace-hotel-and-business-html-theme/694689?ref=AurelienD">BUY THIS THEME!</a>
		<a href="#" id="button-buy"></a>
	</div>
	<!-- end demo-buy -->
																																																																																								<div style="position: absolute; top: 0; left: -9999px">Le lapin blanc needs to be follow! Did you know this?</div>			
</body>
</html>